<template>
	<view class="bigbox">
		<view class="title">
			<view>Hi，{{login.realname}}</view>
			<view  class="fot11">{{login.post}}</view>
		</view>
		<view class="box1">
			<image src="../../static/1.png" mode=""></image>
			<view v-for="item in list1" @click="order_tz(item.query04)">
				<view>{{item.name}}</view>
				<view class="fot1" style="font-size:40rpx;">{{item.num}}</view>
				<view style="font-size:24rpx;">{{item.money}}</view>
			</view>
		</view>
		<!-- 催收待办 -->
		<view class="title1">
			<view class="line"></view>
			<view>催收待办</view>
		</view>
		<view class="box2">
			<view class="box2_1" v-for="item in list2" @click="order_tz(item)">
				<view>
					<view>{{item.query06}}</view>
					<view class="fot2">{{item.query02}}</view>
				</view>
				<image :src="item.query03" mode=""></image>
			</view>
		</view>
		<!-- 催收中心 -->
		<view class="title1">
			<view class="line"></view>
			<view>常用工具</view>
		</view>
		<view class="box4">
			<view v-for="item in list4" @click="gj_tz(item)">
				<image :src="item.query03" mode=""></image>
				<view>{{item.query02}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				login:'',
				list1:[{
					name:'今日待放',
					num:'12',
					money:1000.00
				},{
					name:'本月放款',
					num:'12',
					money:1000.00
				},{
					name:'待代偿订单',
					num:'12',
					money:1000.00
				},{
					name:'待核销订单',
					num:'12',
					money:1000.00
				}],
				list2:[],
				list3:[],
				list4:[],
			}
		},
		mounted() {
			this.initial()
		},
		methods: {
			gj_tz:function(item){
				console.log(item.query04,item.query02)
				uni.navigateTo({
					url:"../ceshi/ceshi?url=" + item.query04 + '&title=' + item.query02
				})
			},
			ywjj:function(item){
				uni.navigateTo({
					url:'../jiandang/jiandang?dat=' + item.query02
				})
			},
			order_tz:function(type){
				uni.navigateTo({
					url:'../order/order?item=' + JSON.stringify(type)
				})
			},
			initial:function(){
				this.login = uni.getStorageSync('login')
				// 顶部
				// this.$get('report/fxjReport_01/list').then((res)=>{
				// 	this.list1 = res.data.result.records
				// })
				// 我的待办
				this.$get('report/fxjReport_02/list',{
					pageNo:1,
					pageSize:9999
				}).then((res)=>{
					console.log(res.data.result.records)
					this.list2 = res.data.result.records
				})
				// 业务进件
				this.$get('base/fxjBase_10/list').then((res)=>{
					this.list3 = res.data.result.records
				})
				// 常用工具
				this.$get('base/fxjBase_05/list').then((res)=>{
					console.log(res.data)
					this.list4 = res.data.result.records
				})
				
			}
		}
	}
</script>

<style>
	.fot11{
		/* width:110rpx; */
		height:35rpx;
		margin-top: 10rpx;
		padding: 0 10rpx;
		box-sizing: border-box;
		margin-left: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background:linear-gradient(120deg,rgba(58,98,255,1),rgba(86,157,255,1));
		border-radius:16rpx;
		font-size:16rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
	.box4>view>image{
		width: 83rpx;
		height: 83rpx;
		margin-bottom: 18rpx;
	}
	.box4>view{
		width: 25%;
		margin-bottom: 40rpx;
		text-align: center;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(58,61,73,1);
	}
	.box4{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.box3_4{
		width:200rpx;
		height:40rpx;
		background:rgba(255,163,116,0.12);
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:#FFA374;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box3_3{
		width:190rpx;
		height:56rpx;
		background:linear-gradient(120deg,rgba(58,98,255,1),rgba(86,157,255,1));
		border-radius:28rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:32rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
	.box3_2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10rpx 0;
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(102,102,102,0.8);
	}
	.box3_1{
		font-size:50rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(254,56,5,1);
	}
	.box3{
		height:235rpx;
		padding: 20rpx 31rpx;
		box-sizing: border-box;
		background:rgba(255,255,255,1);
		border-radius:10rpx;
		box-shadow: 1rpx 2rpx 10rpx #cccccc;
		margin-bottom: 30rpx;
	}
	.box2_1>image{
		width: 88rpx;
		height: 88rpx;
	}
	.fot2{
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
	}
	.box2_1{
		width: 47.8%;
		height: 134rpx;
		background:rgba(252,249,252,1);
		border-radius:10rpx;
		font-size:36rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(51,51,51,1);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;
		box-sizing: border-box;
		margin-bottom: 18rpx;
	}
	.box2{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 40rpx;
	}
	.line{
		width:8rpx;
		height:30rpx;
		background:linear-gradient(120deg,rgba(58,98,255,1),rgba(86,157,255,1));
		border-radius:4rpx;
		margin-right: 11rpx;
	}
	.title1{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(51,51,51,1);
		margin-bottom: 30rpx;
	}
	.fot1{
		font-size:52rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(255,255,255,1);
	}
	.box1>image{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.box1{
		width: 100%;
		height: 243rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		position: relative;
		z-index: 10;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
		text-align: center;
	}
	.title{
		width: 100%;
		height: 100rpx;
		/* border: 1px solid red; */
		background: #FFFFFF;
		font-size:36rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(51,51,51,1);
		padding: 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: flex-start;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
	}
	.bigbox{
		padding: 30rpx;
		padding-top: calc(var(--status-bar-height) + 120rpx);
		box-sizing: border-box;
	}
</style>
